<template>
 <div>
    <button @click="fn1">获取h1</button>
    <button @click="fn2">获取组件</button>
    <!-- 先给要找的标签加ref属性，给它起一个别名 -->
     <h1 ref="title">我是h1</h1>

     <my-son ref="son"></my-son>
 </div>
</template>

<script>
import MySon from './components/MySon.vue';
export default {
  components: {
    MySon
  },
  methods: {
    fn1 () {
      console.log(document.querySelector('h1')) // 不推荐

      console.log(this.$refs.title) // 推荐
    },
    fn2 () {
      // 它能找到这个组件对象，相当于就是找到了这个组件内部的this
      console.log(this.$refs.son)
      // 作用：可以快速父传子
      this.$refs.son.msg = '你坏'
    }
  }
}
</script>

<style>

</style>